<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>订单页面</title>
    <link rel="stylesheet" href="style/base.css" type="text/css">
    <link rel="stylesheet" href="style/global.css" type="text/css">
    <link rel="stylesheet" href="style/header.css" type="text/css">
    <link rel="stylesheet" href="style/home.css" type="text/css">
    <link rel="stylesheet" href="style/order.css" type="text/css">
    <link rel="stylesheet" href="style/bottomnav.css" type="text/css">
    <link rel="stylesheet" href="style/footer.css" type="text/css">

    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/header.js"></script>
    <script type="text/javascript" src="js/home.js"></script>

</head>
<body>

<div id="app">
    <!-- 顶部导航 start -->
    <topnav_topnav></topnav_topnav>
    <!-- 顶部导航 end -->

    <div style="clear:both;"></div>

    <!-- 头部 start -->
    <div class="header w1210 bc mt15">
        <!-- 头部上半部分 start 包括 logo、搜索、用户中心和购物车结算 -->
        <div class="logo w1210">
            <h1 class="fl"><a href="index.html"><img src="images/logo.png" alt="商城"></a></h1>
            <!-- 头部搜索 start -->
            <cephalosome_navitems_search></cephalosome_navitems_search>
            <!-- 头部搜索 end -->

            <!-- 用户中心 start-->
            <cephalosome_navitems_user></cephalosome_navitems_user>
            <!-- 用户中心 end-->

            <!-- 购物车 start -->
            <cephalosome_navitems_cart></cephalosome_navitems_cart>
            <!-- 购物车 end -->

        </div>
        <!-- 头部上半部分 end -->

        <div style="clear:both;"></div>

        <!-- 导航条部分 start -->
        <div class="nav w1210 bc mt10">
            <!--  商品分类部分 start-->
            <div class="category fl cat1"> <!-- 非首页，需要添加cat1类 -->
                <div class="cat_hd">  <!-- 注意，首页在此div上只需要添加cat_hd类，非首页，默认收缩分类时添加上off类，鼠标滑过时展开菜单则将off类换成on类 -->
                    <h2>全部商品分类</h2>
                    <em></em>
                </div>

                <div class="cat_bd none">
                    <cephalosome_navitems_body></cephalosome_navitems_body>
                </div>
            </div>
            <!--  商品分类部分 end-->
            <cephalosome_navitems></cephalosome_navitems>
        </div>
        <!-- 导航条部分 end -->
    </div>
    <!-- 头部 end-->

    <div style="clear:both;"></div>

    <!-- 页面主体 start -->
    <div class="main w1210 bc mt10">
        <div class="crumb w1210">
            <h2><strong>我的XX </strong><span>> 我的订单</span></h2>
        </div>

        <!-- 左侧导航菜单 start -->
        <div class="menu fl">
            <h3>我的XX</h3>
            <my_menu_menu_wrap></my_menu_menu_wrap>
        </div>
        <!-- 左侧导航菜单 end -->

        <!-- 右侧内容区域 start -->
        <div class="content fl ml10">
            <div class="order_hd">
                <h3>我的订单</h3>
                <dl>
                    <dt>便利提醒：</dt>
                    <dd>待付款（0）</dd>
                    <dd>待确认收货（0）</dd>
                    <dd>待自提（0）</dd>
                </dl>

                <dl>
                    <dt>特色服务：</dt>
                    <dd><a href="">我的预约</a></dd>
                    <dd><a href="">夺宝箱</a></dd>
                </dl>
            </div>

            <div class="order_bd mt10">
                <table class="orders">
                    <thead>
                    <tr>
                        <th width="10%">订单号</th>
                        <th width="20%">订单商品</th>
                        <th width="10%">收货人</th>
                        <th width="20%">订单金额</th>
                        <th width="20%">下单时间</th>
                        <th width="10%">订单状态</th>
                        <th width="10%">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td><a href="">852592106</a></td>
                        <td><a href=""><img src="images/order1.jpg" alt=""/></a></td>
                        <td>小明</td>
                        <td>￥35.00 货到付款</td>
                        <td>2013-11-12 16:28:14</td>
                        <td>已取消</td>
                        <td><a href="">查看</a> | <a href="">删除</a></td>
                    </tr>
                    <tr>
                        <td><a href="">852571653</a></td>
                        <td><a href=""><img src="images/order2.jpg" alt=""/></a></td>
                        <td>小明</td>
                        <td>￥35.00 在线支付</td>
                        <td>2013-11-13 19:28:14</td>
                        <td>已完成</td>
                        <td><a href="">查看</a> | <a href="">删除</a></td>
                    </tr>
                    <tr>
                        <td><a href="">471196680</a></td>
                        <td><a href=""><img src="images/order2.jpg" alt=""/></a></td>
                        <td>小明</td>
                        <td>￥169.00 货到付款</td>
                        <td>2013-02-20 23:00:00</td>
                        <td>已完成</td>
                        <td><a href="">查看</a> | <a href="">删除</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- 右侧内容区域 end -->
    </div>
    <!-- 页面主体 end-->

    <div style="clear:both;"></div>

    <!-- 底部导航 start -->
    <topnav_bottomnav></topnav_bottomnav>
    <!-- 底部导航 end -->

    <div style="clear:both;"></div>
    <!-- 底部版权 start -->
    <topnav_bottom></topnav_bottom>
    <!-- 底部版权 end -->
</div>
<script src="js/vue.js"></script>
<script src="js/axios-min.js"></script>
<script src="js/mock-min.js"></script>
<script src="js/api.js"></script>
<script src="js/mock.js"></script>
<script src="components/topnav.js"></script>
<script src="components/cephalosome.js"></script>
<script src="components/my_menu.js"></script>

<script>
    var vm = new Vue({
        el: "#app",
        data: {},
        methods: {}
    })
</script>

</body>
</html>